<%@taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":"
			+ request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
	<HEAD>
		<TITLE>导航</TITLE>
		<STYLE type=text/css>
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #2a8dc8; FONT-SIZE : 11px;
	COLOR: #003366;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 12px;
}

#navigation {
	border: 1px solid #5263AB;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	background-color: #E2E2E2;
	width: 175px;
}

#navigation a.head {
	cursor: pointer;
	border: 1px solid #CCCCCC;
	background: #5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-indent: 14px;
	text-decoration: none;
}

#navigation a.head:hover {
	color: #FFFF99;
}

#navigation a.selected {
	background-image: url(expanded.gif);
}

#navigation a.current {
	background-color: #FFFF99;
}

#navigation ul {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#navigation li {
	list-style: none outside none;
	display: inline;
}

#navigation li li a {
	color: #000000;
	display: block;
	text-indent: 10px;
	text-decoration: none;
}

#navigation li li a:hover {
	background-color: #FFFF99;
	color: #FF0000;
}
</STYLE>


	


		<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
		<script src="js/plugin/jquery-ui-1.8.1.custom.min.js"
			type="text/javascript"></script>
	</HEAD>
	<BODY>


		<TABLE cellSpacing=0 cellPadding=0 width=210px align=center border=0>
			<TBODY>
				<TR>
					<TD width=15 background="theme/images/menu/new_005.jpg">
					
					</TD>
					<TD align=middle width=180 background=theme/images/menu/new_006.jpg
						height=35px>
						<B>功能菜单</B>
					</TD>
					<TD width=15 background="theme/images/menu/new_007.jpg">
						
					</TD>
				</TR>
			</TBODY>
		</TABLE>
		<TABLE cellSpacing=0 id="middle" cellPadding=0 width=210px  align=center border=0>
			<TBODY>
				<TR>
					<TD width=15 background=theme/images/menu/new_008.jpg></TD>
					<TD vAlign=top width=180 bgColor=#ffffff>

						<div style=" margin-bottom: 1em;">
							<ul id="navigation">
								
									<li>
											<a class="head" href="javascript:void(0)">任务
											</a>
											<ul>
												
													<li>
														<a href="task/task.action" target="mainview">
															任务列表
														</a>
													</li>
												
											</ul>
										</li>
							</ul>
						</div>

					</TD>
					<TD width=15 background=theme/images/menu/new_009.jpg></TD>
				</TR>
			</TBODY>
		</TABLE>
		<TABLE cellSpacing=0 cellPadding=0 width=210px align=center border=0>
			<TBODY>
				<TR>
					<TD width=15 background="theme/images/menu/new_010.jpg">
						
					</TD>
					<TD align=middle width=180 background=theme/images/menu/new_011.jpg
						height=15px></TD>
					<TD width=15 background="theme/images/menu/new_012.jpg">
						
					</TD>
				</TR>
			</TBODY>
		</TABLE>

	</BODY>
</HTML>
<script>
jQuery('#navigation').accordion({ 
    active: false, 
    header: '.head', 
    navigation: true, 
    event: 'click', 
    fillSpace: true, 
    animated: 'easeslide' 
});
$(document).ready(function(){
	$("#middle").css("height",$(document).height()-60);
})
</script>